<template>
  <h2>{{ a }}</h2>
  <p>{{ age }}</p>
</template>

<script setup lang="ts">
const [a, b] = defineModel<string>();
const [age, ageModifiers] = defineModel('age', {
  type: Number,
  default: 0
});

const [infoObj, infoMidifiers] = defineModel('info', {
  type: Object,
  default: () => ({})
});
console.log(a, b);
console.log(age, ageModifiers);

console.log(infoObj, infoMidifiers);
// setTimeout(() => {
//   infoObj.value.a = 333;
// }, 2000);
</script>

<style scoped></style>
